/* Colors **********************************************/

Body {
  Color:Black; Background:#DDD url(bodybg.png);
}

#Header,
#Header A,
#Footer,
#Footer A {
  Color:White; Background-Color:#040;
}

.header {
  background:url(urbg.png) right top no-repeat;
}

.header h2,
.header .h2 {
  background:url(ulbg.png) left top no-repeat;
  margin-right:4px;
}

.footer {
  background:url(brbg.png) right bottom no-repeat;
}

.shadow .footer {
  background:url(brbg-shadow.png) right bottom no-repeat;
}

.footer .buttons {
  background:url(blbg.png) left bottom no-repeat;
  margin-right:4px;
}

.header h2,
.header .h2,
.header h2 a,
.header .h2 a,
.buttons,
.buttons a {
  color:white;
}

.canvas {
  background:white;
}

.Block .canvas {
  Border-Color:#080;
}

.Block A,
.canvas A {
  Color:#080;
}

.subblock {
  Background-Color:#E3EEE3;
}

.subblock,
.subblock fieldset {
  Border-Color:#ACA;
}

.subblock H3,
.subblock legend {
  Background:#ACA url(subheadbg.png);
}

ul.suggest {
  background:white; color:black;
  border-color:#080 #080 #080 #080;
}

ul.suggest li:hover {
  background:#E3EEE3;
}

ul.suggest li.selected:hover,
ul.suggest li.selected {
  background:#ACA;
}

/* Fonts ***********************************************/

h1 {
  Font:Bold 14pt Georgia, Times New Roman, Serif;
}

h2,
.h2 {
  Font:Bold 11pt Tahoma, Arial;
}

h2 small,
.h2 small {
  Font:Normal 8pt Tahoma, Arial;
}

h3 {
  Font:Bold 10pt Tahoma, Arial;
}

#Footer {
  Font:8pt Tahoma, Arial;
}

Body {
  Font:10pt Tahoma, Arial;
}

Var {
  Font:10pt Tahoma, Arial;
}

.mono {
  Font:10pt Courier New, Monospace;
}

.output {
  font-weight:bold;
}

.tag_widget .output {
  font-weight:normal;
}

/* Layout **********************************************/

HTML, 
Body {
  Width:100%;
  Margin:0; Padding:0;
}

#Header {
  Position:Fixed; Width:100%;
  Left:0; Top:0;
  Z-Index:100;
}

#Footer {
  Position:Fixed; Width:100%;
  Left:0; Bottom:0;
  Z-Index:100;
}

#Footer .Tasks {
  Float:Left;
}

#Footer .Info {
  Float:Right;
}

* HTML,
* HTML Body {
  Position:Absolute;
  Height:100%;
}

* HTML #Header {
  Position:Absolute;
}

* HTML #Footer {
  Position:Absolute;
  Bottom:0;
}

#Panel {
  Position:Absolute;
  Left:20px; Top:50px;
  Width:170px;
}

HTML>Body #Panel {
  Position:Fixed;
}

#Contents {
  Margin:50px 20px 50px 210px;
}

#Logo {
  Display:Block;
  Position:Absolute; Left:5px; Top:2px;
}

#Header H1 {
  Padding-Left:50px;
}

.Center {
  Width:25em;
  Margin:120px Auto;
}

* HTML .Center {
  Position:Relative; Top:120px;
  Margin-Top:0;
}

.Block .canvas {
  Padding:1px 20px 20px 20px;
}

ul.suggest {
  max-height:10em; overflow:auto;
}

* html ul.suggest {
  height:10em;
}

/* Misc ************************************************/

Body {
  Background-Attachment:Fixed;
}

#Header {
  Padding:5px 0;
}

#Header A {
  Text-Decoration:None;
}

#Header Img {
  Border:None;
}

#Footer P {
  Margin:2px;
}

H1,
H2,
H3 {
  Margin:0;
}

H2,
Caption {
  Text-Align:Center;
}

H2 Small,
.h2 Small {
  Display:Block;
  Margin:0 Auto;
}

.header h2,
.header .h2 {
  padding:5px 5px 10px 5px;
}

.header .canvas {
  padding:5px 10px;
}

.buttons {
  Padding:5px;
  Text-Align:Right;
}


Button[Type=Submit] {
  Font-Weight:Bold;
}

.Block .canvas {
  Border-Style:Solid; Border-Width:0 1px 1px 1px;
  padding-left:10px; padding-right:10px;
}

.subblock {
  border-style:solid; border-width:1px;
}

.subblock legend {
  padding:2px 10px;
}

.js .hidden {
  Display:None;
}

* HTML Img {
  behavior:url(templates/pngbehavior.htc);
}

.tag_widget ul {
  list-style:none; 
  margin:0; padding:0;
}

.tag_widget li {
  margin:0; padding:0;
}

.tag_widget li.output {
  margin:0.25em 0;
}

ul.suggest {
  list-style:none;
  border-style:solid; border-width:1px;
  margin:0; padding:0;
}

ul.suggest li {
  padding:0 0.5em; margin:0;
  cursor:default;
}